import React from 'react';
import EqualBorder from 'Component/CommonComponents/EqualBorder';
import './index.scss';

const urls = {
  mobile: 'http://10.24.1.90:9080/law', //移动执法
  food: 'http://xianju.trace100.com/index.aspx', //食品追溯
  reg: 'http://59.202.58.244', //注册审批
  check: 'http://122.224.66.190/login.jsp'//抽检检测
};

class ShianSys extends React.PureComponent {
  constructor(props) {
    super(props);
    this.state = {};
    this.onClick = ::this.onClick;
  }

  onClick(url) {
    window.open(url);
  }

  render() {
    return (
      <EqualBorder
        title="食安业务平台"
        content={
          <div className="shian-syslink-page">
            <div className="link-wrap">
              <div onClick={() => { this.onClick(urls.mobile); }}>
                <img src="./images/icon_mobile.png" alt="" />
                <div>移动执法</div>
              </div>
              <div onClick={() => { this.onClick(urls.food); }}>
                <img src="./images/icon_food.png" alt="" />
                <div>食品追溯</div>
              </div>
              <div onClick={() => { this.onClick(urls.reg); }}>
                <img src="./images/icon_reg.png" alt="" />
                <div>注册审批</div>
              </div>
              <div onClick={() => { this.onClick(urls.check); }}>
                <img src="./images/icon_check.png" alt="" />
                <div>抽检检测</div>
              </div>
            </div>
          </div>
        }
      />
    );
  }
}


export default ShianSys;

